<!doctype html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"
	/>
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<title></title>
	<link rel="stylesheet" type="text/css" href="./css/api.css" />
	<link rel="stylesheet" type="text/css" href="./css/index.css" />
	
	
</head>

<body>
	<div id='app'>
		<div class="index-bg">
			<footer>
				<p>请选择登录方式</p>
				<div class="logo">
					<div class="logo-item "></div>
					<div class="logo-item"></div>
					<div class="logo-item" @click='clickPhone'></div>
				</div>
				<p>登录即同意 <strong>用户协议</strong> 与 <strong>隐私政策</strong></p>
			</footer>
		</div>
</body>

</html>
<script type="text/javascript" src="script/api.js"></script>
<script type="text/javascript" src="script/vue.js"></script>
<script type="text/javascript" src="script/common.js"></script>
<script type="text/javascript">
var app,
apiready = function(){
	app=new Vue({
		el:'#app',
		data:{
			popShow:false
		},
		created:function(){
			
		},
		mounted:function () {
			
		},
		methods: {
			clickPhone:function(){
				api.openFrame({
					name: 'login',
					url: './html/login.html',
					bounces: true,
					rect: {
						x: 0,
						y: 0,
						w: api.winWidth,
						h:  api.winHeight,
					}
				});
			},
			
		}
	})
}
	

</script>